* {
  margin: 0;
  padding: 0;
}
body{
  -webkit-user-select:none;
  -moz-user-select:none;
  -ms-user-select:none;
  user-select:none;
  font-family:"PingFang SC","Lantinghei SC","Microsoft YaHei","HanHei SC","Helvetica Neue","Open Sans",Arial,"Hiragino Sans GB","微软雅黑",STHeiti,"WenQuanYi Micro Hei",SimSun,sans-serif;
}
a {
  text-decoration: none;
}

ul, li {
  list-style: none;
}
.network {
  width: 100%;
  min-width: 1240px;
  .network__header {
    position: relative;
    height: 656px;
    width: 100%;
    background: url('../../assets/image/headerbackground.png') no-repeat top center;
    background-size: 100% 100%;
    padding: 23px 34px 0 34px;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    .header__top{
      padding-bottom: 10px;
      .logo {
        display: inline-block;
        width: 244px;
        height: 46px;
        background: url('../../assets/image/logo.png') no-repeat top center;
      }
      .login {
        float: right;
        a {
          width:72px;
          height:34px;
          margin-right: 12px;
          line-height: 34px;
          text-align: center;
          display: inline-block;
          background: #00C0E9;
          border-radius: 3px;
          font-size: 16px;
          color: rgba(255, 255, 255, 1);
          box-shadow: 1px 1px 1px rgba(0, 0, 0, 0.22);
          transition: all 0.2s linear;
          -moz-transition: all 0.2s linear;
          -webkit-transition: all 0.2s linear;
          -o-transition: all 0.2s linear;
          &:hover{
            background-color: #0397C7;
            transition: all 0.2s linear;
            -moz-transition: all 0.2s linear;
            -webkit-transition: all 0.2s linear;
            -o-transition: all 0.2s linear;
          }
          &:nth-child(2){
            margin-right: 0;
          }
        }
      }
    }
    .header__content {
        width: 582px;
        margin: 10px auto 0;
        position: relative;
        h2 {
          margin: 0 auto;
          width: 572px;
          height: 531px;
          background: url('../../assets/image/headercontentlogo.png') no-repeat top center;
        }
        .outer {
            display: inline-block;
            position: absolute;
            top: 152px;
            left: -59px;
            overflow: hidden;
            width: 682px;
            height: 135px;
            div{
              position: absolute;
              left: 0;
              top: 0;
              width: 682px;
              height: 135px;
              &:nth-child(1){
                background: url('../../assets/image/title.png');
              }
              &:nth-child(2){
                background: url('../../assets/image/title1.png');
              }
              @-webkit-keyframes fadeInUp {
                from {
                  opacity: 0;
                  -webkit-transform: translate3d(0, 100%, 0);
                  transform: translate3d(0, 100%, 0);
                }

                to {
                  opacity: 1;
                  -webkit-transform: translate3d(0, 0, 0);
                  transform: translate3d(0, 0, 0);
                }
              }

              @keyframes fadeInUp {
                from {
                  opacity: 0;
                  -webkit-transform: translate3d(0, 100%, 0);
                  transform: translate3d(0, 100%, 0);
                }

                to {
                  opacity: 1;
                  -webkit-transform: translate3d(0, 0, 0);
                  transform: translate3d(0, 0, 0);
                }
              }

              @-webkit-keyframes fadeInDown {
                from {
                  opacity: 0;
                  -webkit-transform: translate3d(0, -100%, 0);
                  transform: translate3d(0, -100%, 0);
                }

                to {
                  opacity: 1;
                  -webkit-transform: translate3d(0, 0, 0);
                  transform: translate3d(0, 0, 0);
                }
              }

              @keyframes fadeInDown {
                from {
                  opacity: 0;
                  -webkit-transform: translate3d(0, -100%, 0);
                  transform: translate3d(0, -100%, 0);
                }

                to {
                  opacity: 1;
                  -webkit-transform: translate3d(0, 0, 0);
                  transform: translate3d(0, 0, 0);
                }
              }
              &.fadefirst{
                animation: fadeInUp 1s ;
                -moz-animation: fadeInUp 1s ;
                -webkit-animation: fadeInUp 1s ;
                -o-animation: fadeInUp 1s ;
              }
              &.downfirst {
                animation: fadeOutDown 1s ;
                -moz-animation: fadeOutDown 1s  ;
                -webkit-animation: fadeOutDown 1s ;
                -o-animation: fadeInDown 1s ;
              }
              &.upsecond{
                animation: fadeInUp 1s ;
                -moz-animation: fadeInUp 1s ;
                -webkit-animation: fadeInUp 1s ;
                -o-animation: fadeInUp 1s ;
              }
              &.downsecond {
                animation: fadeInDown 1s ;
                -moz-animation: fadeInDown 1s ;
                -webkit-animation: fadeInDown 1s ;
                -o-animation: fadeInDown 1s ;
              }
            }
          }
        .content__footer {
          position: absolute;
          top: 241px;
          left: 118px;
          padding-top: 64px;
          a{
            cursor: pointer;
            display: inline-block;
            width: 322px;
            height: 85px;
            background: url('../../assets/image/headerbtn.png') no-repeat top center;
          }
        }
        .ewmheader {
          position: absolute;
          top: 56%;
          left: 102%;
          display: inline-block;
          width: 154px;
          margin-left: 130px;
          text-align: center;
          margin-right: 99px;
          vertical-align: top;
        h3 {
          width: 154px;
          height: 154px;
          background: url("../../assets/image/headercontentewm.png") no-repeat top center;
          -webkit-box-sizing: border-box;
          -moz-box-sizing: border-box;
          box-sizing: border-box;
        }
        p {
          font-size: 14px;
          color: #fff;
          line-height: 22px;
          margin: 17px 0 0 0;
        }
      }
      }
  }
  .network__content {
    width: 100%;
    .content__service {
      .service__header {
        text-align: center;
        span {
          display: inline-block;
          font-size: 30px;
          padding: 66px 0 17px 0;
          color:rgba(83,83,83,1);
          line-height:30px;
        }
        h3 {
          width: 124px;
          height: 12px;
          margin: 0 auto;
          background: url('../../assets/image/phototitle.png') no-repeat top center;
        }
        p {
          text-align: center;
          padding-top: 25px;
          height: 73px;
          font-size: 16px;
          color: rgba(136, 136, 136, 1);
        }
      }
      .service__content {
        margin: 0 auto;
        width: 1082px;
        padding-top: 66px;
        margin-bottom: 93px;
        li {
          position: relative;
          padding-top: 72px;
          float: left;
          width: 246px;
          margin-right: 30px;
          height: 216px;
          text-align: center;
          background: rgba(255, 255, 255, 1);
          border: 1px solid #E6E6E6;
          box-shadow: 6px 1px 12px rgba(42, 42, 42, 0.09);
          .item__top {
            display: none;
          }
          .topleft__triangle {
            position: absolute;
            top: 0;
            left: 0;
            width: 0;
            height: 0;
            border-top: 80px solid rgba(34, 136, 255, 1);
            border-right: 96px solid transparent;
            .triangle__title {
              width: 50px;
              height: 50px;
              position: absolute;
              top: -68px;
              left: 15px;
              color: #fff;
              transform: rotate(-40deg);
              -ms-transform: rotate(-40deg);
              -moz-transform: rotate(-40deg);
              -webkit-transform: rotate(-40deg);
              -o-transform: rotate(-40deg);
            }
          }
          &:hover {
            border: 1px solid #F9A41E;
            .topleft__triangle {
              border-top: 80px solid #F9A41E;
            }
            .quality {
              width: 95px;
              height: 72px;
              background: url('../../assets/image/blockquality.png') no-repeat top center;
            }
            .person {
              width: 79px;
              height: 73px;
              background: url('../../assets/image/blockperson.png') no-repeat top center;
            }
            .share {
              width: 106px;
              height: 74px;
              background: url('../../assets/image/blockshare.png') no-repeat top center;
            }
            .fuse {
              width: 89px;
              height: 76px;
              background: url('../../assets/image/blcokfuse.png') no-repeat top center;
            }
            h3 {
              display: block;
              padding: 10px 0 10px 0;
            }
            p {
              padding-top: 10px;
            }

          }
        }
        li:nth-child(4){
          margin-right: 0;
        }
        p {
          padding-top: 29px;
        }
        .person--left {
          margin-left: 80px;
        }
        .share--left {
          margin-left: 72px;
        }
        .quality {
          width: 95px;
          height: 72px;
          background: url('../../assets/image/quality.png') no-repeat top center;
        }
        .person {
          width: 79px;
          height: 73px;
          background: url('../../assets/image/person.png') no-repeat top center;
        }
        .share {
          width: 106px;
          height: 74px;
          background: url('../../assets/image/share.png') no-repeat top center;
        }
        .fuse {
          width: 89px;
          height: 76px;
          background: url('../../assets/image/fuse.png') no-repeat top center;
        }
      }
      .service__footer {
        width: 1034px;
        margin: 0 auto;
        padding-bottom: 90px;
        .list {
          width: 100%;
          height: 634px;
          background: url('../../assets/image/list.png') no-repeat top center;
          position: relative;
          .listitem__left {
            position: absolute;
            width: 410px;
            height: 74px;
            text-align: right;
            font-size: 14px;
            h3 {
              height: 43px;
              line-height: 43px;
            }
            .font__floatright {
              float: right;
              width: 357px;
            }
            .listitem__dev {
              float: right;
              margin-left: 10px;
              width: 43px;
              height: 43px;
            }
          }
          li:nth-child(1), li:nth-child(2), li:nth-child(3), li:nth-child(4) {
            left: 30px;
          }
          li:nth-child(1) {
            top: 65px;
            .listitem__dev--safebackground {
              background: url('../../assets/image/safe.png') no-repeat top center;
            }
          }
          li:nth-child(2) {
            top: 234px;
            .listitem__dev--coordination {
              background-image: url('../../assets/image/coordination.png');
            }
          }
          li:nth-child(3) {
            top: 407px;
            .listitem__dev--schedule {
              background: url('../../assets/image/progress.png') no-repeat top center;
            }
          }
          li:nth-child(4) {
            top: 553px;
            .listitem__dev--material {
              background: url('../../assets/image/material.png') no-repeat top center;
            }
          }
          .listitem__right {
            position: absolute;
            height: 74px;
            text-align: left;
            font-size: 14px;
            h3 {
              height: 43px;
              line-height: 43px;
            }
            .listitem__rightdev {
              float: left;
              width: 43px;
              height: 43px;
            }
            .font__floatleft {
              margin-left: 10px;
              float: left;
            }
          }
          li:nth-child(5), li:nth-child(6), li:nth-child(7) {
            left: 575px;
          }
          li:nth-child(5) {
            top: 145px;
            .listitem__rightdev--manage {
              background: url('../../assets/image/mcmanages.png') no-repeat top center;
            }
          }
          li:nth-child(6) {
            top: 305px;
            .listitem__rightdev--visa {
              background: url('../../assets/image/visa.png') no-repeat top center;
            }
          }
          li:nth-child(7) {
            top: 460px;
            .listitem__rightdev--statistics {
              background: url('../../assets/image/statistics.png') no-repeat top center;
            }
          }
        }

      }
    }
    .content__ecologicalmap {
      width: 100%;
      height: 616px;
      padding-top: 52px;
      -webkit-box-sizing: border-box;
      -moz-box-sizing: border-box;
      box-sizing: border-box;
      background: rgba(247, 249, 250, 1);
      .ecologicalmap__header {
        text-align: center;
        span {
          display: inline-block;
          font-size: 30px;
          padding-bottom: 17px;
          color:rgba(83,83,83,1);
          line-height:30px;
        }
        h3 {
          width: 124px;
          height: 12px;
          margin: 0 auto;
          background: url('../../assets/image/phototitle.png') no-repeat top center;
        }
        p {
          text-align: center;
          padding-top: 25px;
          height: 73px;
          font-size: 16px;
          color: rgba(136, 136, 136, 1);
        }
      }
      .ecologicalmap__footer {
        margin: 0 auto;
        width: 1240px;
        li {
          float: left;
          position: relative;
          margin-right: 20px;
          width: 295px;
          height: 285px;
          text-align: center;
          overflow: hidden;
          background: rgba(255, 255, 255, 1);
          box-shadow: 1px 1px 18px rgba(42, 42, 42, 0.08);
          .move-top {
            position: absolute;
            top: 295px;
            left: 0;
            width: 295px;
            height: 285px;
            background-color: #fff;
            transition: all 0.2s linear;
            -moz-transition: all 0.2s linear;
            -webkit-transition: all 0.2s linear;
            -o-transition: all 0.2s linear;
            div {
              width: 295px;
              height: 96px;
              margin-bottom: 34px;
              background: rgba(34, 136, 255, 1);
              padding-top: 18px;
              -webkit-box-sizing: border-box;
              -moz-box-sizing: border-box;
              box-sizing: border-box;
              h4 {
                margin-left: 50%;
                transform: translate(-50%);
                -ms-transform: translate(-50%);
                -moz-transform: translate(-50%);
                -webkit-transform: translate(-50%);
                -o-transform: translate(-50%);
              }
              .ability2 {
                width: 58px;
                height: 69px;
                background: url('../../assets/image/ability2.png') no-repeat top center;
              }
              .ability3 {
                width: 65px;
                height: 62px;
                background: url('../../assets/image/ability3.png') no-repeat top center;
              }
              .partner3 {
                width: 61px;
                height: 59px;
                background: url('../../assets/image/partner3.png') no-repeat top center;
              }
              .partner4 {
                width: 68px;
                height: 64px;
                background: url('../../assets/image/partner4.png') no-repeat top center;
              }
            }
            p {
              padding-top: 21px;
              text-align: center;
            }
          }
          h2 {
            width:120px;
            height:29px;
            font-size:30px;
            color:rgba(83,83,83,1);
            line-height:30px;
            margin: 67px 0 50px 117px;
          }
          .ability {
            width: 58px;
            height: 69px;
            background: url('../../assets/image/ability.png') no-repeat top center;
          }
          .ability1 {
            width: 65px;
            height: 62px;
            background: url('../../assets/image/ability1.png') no-repeat top center;
          }
          .partner {
            width: 61px;
            height: 59px;
            background: url('../../assets/image/partner.png') no-repeat top center;
          }
          .partner2 {
            width: 68px;
            height: 64px;
            background: url('../../assets/image/partner2.png') no-repeat top center;
          }
        }
        li:nth-child(4){
          margin-right: 0;
        }
        li:hover {
          .move-top {
            display: block;
            top: 0;
            transition: all 0.2s linear;
            -moz-transition: all 0.2s linear;
            -webkit-transition: all 0.2s linear;
            -o-transition: all 0.2s linear;
          }
        }
      }
    }
    .content__application {
      width: 100%;
      height: 616px;
      padding-top: 52px;
      -webkit-box-sizing: border-box;
      -moz-box-sizing: border-box;
      box-sizing: border-box;
      .application__header {
        padding-bottom: 40px;
        text-align: center;
        span {
          display: inline-block;
          font-size: 30px;
          padding: 0 0 17px 0;
          color:rgba(83,83,83,1);
          line-height:30px;
        }
        h3 {
          width: 124px;
          height: 12px;
          margin: auto;
          background: url('../../assets/image/phototitle.png') no-repeat top center;
        }
        p {
          text-align: center;
          padding-top: 25px;
          height: 73px;
          font-size: 16px;
          color: rgba(136, 136, 136, 1);
        }
      }
      .application__footer {
        width: 100%;
        .applicationtop {
          width: 816px;
          margin: 0 auto;
          height: 151px;
          background: url('../../assets/image/applicationtop.png') no-repeat;
        }
        .applicationbackground {
          width: 100%;
          height: 465px;
          position: relative;
          background: url('../../assets/image/applicationbackground.png');
          background-size: 114% 100%;
          .applicationbootom {
            position: absolute;
            top: -169px;
            left: 50%;
            transform: translate(-50%);
            -ms-transform: translate(-50%);
            -moz-transform: translate(-50%);
            -webkit-transform: translate(-50%);
            -o-transform: translate(-50%);
            width: 934px;
            height: 603px;
            background: url('../../assets/image/applicationbootom.png') no-repeat top center;

          }
        }
      }
    }
    .content__assets {
      width: 100%;
      height: 616px;
      padding-top: 350px;
      -webkit-box-sizing: border-box;
      -moz-box-sizing: border-box;
      box-sizing: border-box;
      position: relative;
      padding-bottom: 770px;
      .assets__header {
        padding-bottom: 40px;
        text-align: center;
        span {
          display: inline-block;
          font-size: 30px;
          color:rgba(83,83,83,1);
          line-height:30px;
          padding: 0 0 17px 0;
        }
        h3 {
          width: 124px;
          height: 12px;
          margin: 0 auto;
          background: url('../../assets/image/phototitle.png') no-repeat top center;
        }
        p {
          text-align: center;
          padding-top: 25px;
          height: 73px;
          font-size: 16px;
          color: rgba(136, 136, 136, 1);
        }
      }
      .assets__footer {
        width: 100%;
        .circle {
          margin: 0 auto;
          position: relative;
          width: 465px;
          height: 465px;
          background: url("../../assets/image/circle.png") no-repeat top center;
          li {
            position: absolute;
            width: 136px;
            height: 136px;
            border-radius: 50%;
            padding-top: 30px;
            -webkit-box-sizing: border-box;
            -moz-box-sizing: border-box;
            box-sizing: border-box;
            text-align: center;
            background-color: #fff;
            h3 {
              margin-left: 50%;
              transform: translate(-50%);
              -ms-transform: translate(-50%);
              -moz-transform: translate(-50%);
              -webkit-transform: translate(-50%);
              -o-transform: translate(-50%);
              background-color: #4a65f5;
              margin-bottom: 5px;
            }
            span {
              width: 56px;
              height: 43px;
              font-size: 14px;
              line-height: 14px;
            }
            .circle_one--block {
              display: none;
              position: absolute;
              padding-top: 30px;
              width: 165px;
              height: 100px;
              font-size: 12px;
              text-align: center;
              color: rgba(255, 255, 255, 1);
            }
            .circle_one--position {
              top: 5px;
              left: -17px;
            }
            .circle_two--position {
              top: 13px;
              left: -16px;
            }
            .circle_three--position {
              top: 1px;
              left: -16px;
            }
          }
          .circle_transition {
            transition: all 0.5s cubic-bezier(.35, .82, .86, .66);
            -moz-transition: all 0.5s cubic-bezier(.35, .82, .86, .66);
            -webkit-transition: all 0.5s cubic-bezier(.35, .82, .86, .66);
            -o-transition: all 0.5s cubic-bezier(.35, .82, .86, .66);
          }
          .circle_one {
            top: 260px;
            left: -81px;
            color: rgba(12, 156, 137, 1);
            border: 1px solid #29CCB6;
            h3 {
              width: 47px;
              height: 48px;
              background: url("../../assets/image/yitihua1.png") no-repeat top center;
            }

          }
          .circle_two {
            top: 233px;
            left: 395px;
            border: 1px solid #CC8D29;
            color: #CC8D29;
            h3 {
              width: 56px;
              height: 46px;
              background: url("../../assets/image/yitihua2.png") no-repeat top center;
            }
          }
          .circle_three {
            top: -59px;
            left: 200px;
            border: 1px solid #2288FF;
            color: #2288FF;
            h3 {
              width: 44px;
              height: 47px;
              margin-left: 55%;
              background: url("../../assets/image/yitihua3.png") no-repeat top center;
            }
          }
          .circle_transition:hover .circle_one--block {
            display: block;
          }
          li:nth-child(1):hover {
            background-color: #29CCB6;
            border: 1px solid #29CCB6;
          }
          li:nth-child(2):hover {
            background-color: #CC8D29;
            border: 1px solid #CC8D29;
          }
          li:nth-child(3):hover {
            background-color: #0505ff;
            border: 1px solid #1115ff;
          }
          li:hover {
            -webkit-transform: scale(1.5);
            transform: scale(1.5);
            transition: all 0.5s cubic-bezier(.35, .82, .86, .66);
            -moz-transition: all 0.5s cubic-bezier(.35, .82, .86, .66);
            -webkit-transition: all 0.5s cubic-bezier(.35, .82, .86, .66);
            -o-transition: all 0.5s cubic-bezier(.35, .82, .86, .66);
            h3, span {
              display: none;
            }
          }
        }
      }
    }
    .content__control {
      width: 100%;
      height: 725px;
      background-color: #F7F9FA;
      -webkit-box-sizing: border-box;
      -moz-box-sizing: border-box;
      box-sizing: border-box;
      position: relative;
      padding-top: 52px;
      margin-bottom: 60px;
      .control__header {
        padding-bottom: 10px;
        text-align: center;
        span {
          display: inline-block;
          font-size: 30px;
          color:rgba(83,83,83,1);
          line-height:30px;
          padding: 0 0 17px 0;
        }
        h3 {
          width: 124px;
          height: 12px;
          margin: 0 auto;
          background: url('../../assets/image/phototitle.png') no-repeat top center;
        }
        p {
          text-align: center;
          padding-top: 25px;
          height: 73px;
          font-size: 16px;
          color: rgba(136, 136, 136, 1);
        }
      }
      .control__footer {
        div {
          width: 936px;
          height: 415px;
          margin: 0 auto;
          background: url('../../assets/image/control.png') no-repeat top center;
        }
      }
    }
    .content__last {
      width: 1085px;
      margin: 0 auto;
      padding-bottom: 90px;
        .last__left {
          display: inline-block;
          text-align: center;
          span {
            display: inline-block;
            font-size: 30px;
            padding: 66px 0 0 0;
            color:rgba(83,83,83,1);
            line-height:30px;
            margin: 0 0 17px -234px;
          }
          h3 {
            width: 124px;
            height: 12px;
            margin-left: 178px;
            margin-bottom: 39px;
            background: url('../../assets/image/phototitle.png') no-repeat top center;
          }
          h4 {
            width: 724px;
            height: 400px;
            background: url('../../assets/image/case.png') no-repeat top center;
          }
        }
        .last__right {
          position: relative;
          width: 300px;
          display: inline-block;
          text-align: center;
          span {
            display: inline-block;
            font-size: 30px;
            margin: 0 0 17px -115px;
            color:rgba(83,83,83,1);
            line-height:30px;
          }
          h3 {
            width: 124px;
            height: 12px;
            margin-left: 30px;
            margin-bottom: 39px;
            background: url('../../assets/image/phototitle.png') no-repeat top center;
          }
          .video__container {
            position: absolute;
            top: 109px;
            left: -203px;
            width: 569px;
            height: 369px;
            padding: 10px 10px 0 10px;
            -webkit-box-sizing: border-box;
            -moz-box-sizing: border-box;
            box-sizing: border-box;
            background: rgba(255, 255, 255, 1);
            box-shadow: 4px 4px 4px 4px rgba(0, 54, 109, 0.17);
            .video{
              width:100%;
              background: #fff;
              position:relative;
              padding-bottom:56.25%;
              height: 37px;
              video{
                position: absolute;
                top:0;
                left: 0;
                width: 100%;
                height: 100%
              }
            }
          }
      }

    }
  }
  .network__footer {
    width: 100%;
    height: 384px;
    opacity: 0.9;
    .networkfooter-top {
      height: 320px;
      width: 100%;
      padding-top: 75px;
      background: url("../../assets/image/netfooterbackground.png");
      background-size: 100% 583px;
      -webkit-box-sizing: border-box;
      -moz-box-sizing: border-box;
      box-sizing: border-box;
      .container{
        width: 1185px;
        margin: auto;
        .left {
          display: inline-block;
          width: 148px;
          margin-left: 130px;
          text-align: center;
          margin-right: 99px;
          vertical-align: top;
          h3 {
            width: 100%;
            height: 149px;
            background: url("../../assets/image/erweimafooter.png") no-repeat top center;
            -webkit-box-sizing: border-box;
            -moz-box-sizing: border-box;
            box-sizing: border-box;
          }
          p {
            font-size: 14px;
            color: rgba(158, 158, 158, 1);
            line-height: 22px;
            margin: 17px 0 0 0;
          }
        }
        .content {
          display: inline-block;
          width: 414px;
          padding-top: 15px;
          li {
            height: 40px;
            float: left;
            margin-right: 27px;
            margin-bottom: 40px;
            div {
              display: inline-block;
              vertical-align: middle;
              margin-right: 5px;
            }
            span {
              display: inline-block;
              width: 130px;
              height: 18px;
              font-size: 18px;
              color: rgba(205, 205, 205, 1);
            }
            &:nth-child(1) {
              div {
                width: 30px;
                height: 39px;
                background: url("../../assets/image/baozhang.png") no-repeat top center;
              }
            }
            &:nth-child(2) {
              margin-right: 0;
              div {
                width: 39px;
                height: 39px;
                background: url("../../assets/image/shangjia.png") no-repeat top center;
              }
            }
            &:nth-child(3) {
              div {
                width: 39px;
                height: 39px;
                background: url("../../assets/image/baozhang3.png") no-repeat top center;
              }
            }
            &:nth-child(4) {
              margin-right: 0;
              div {
                width: 38px;
                height: 36px;
                background: url("../../assets/image/baozhang4.png") no-repeat top center;
              }
            }
          }

        }
        .right {
          width: 315px;
          display: inline-block;
          margin-left: 60px;
          .item {
            width: 100%;
            height: 55px;
            margin-bottom: 40px;
            .phone {
              float: left;
              margin-right: 11px;
              width: 51px;
              height: 51px;
              background: url("../../assets/image/phone.png") no-repeat top center;
            }
            .eml {
              float: left;
              width: 44px;
              height: 44px;
              margin-right: 11px;
              margin-top: 7px;
              background: url("../../assets/image/eml.png") no-repeat top center;
              background-size: auto;
            }
            .title {
              // width: 98px;
              height: 23px;
              font-size: 20px;
              margin-left: 60px;
              margin-bottom: 10px;
              color: rgba(232, 232, 232, 1);
            }
            a {
              font-size: 14px;
              color:rgba(232, 232, 232, 1);
            }
          }
          .tell{
            opacity: 0;
          }
        }
      }
    }

    .networkfooter-bottom {
      width: 100%;
      height: 64px;
      background: #000000;
      line-height: 64px;
      text-align: center;
      font-size: 12px;
      color: rgba(101, 113, 130, 1);
    }
  }
}

.clearfix {
  *zoom: 1;
}

.clearfix:after {
  display: block;
  height: 0;
  content: "";
  clear: both;
}